<!--
 * @Author: yaoling 1871883713@qq.com
 * @Date: 2022-10-19 13:47:56
 * @LastEditors: yaoling 1871883713@qq.com
 * @LastEditTime: 2022-12-06 14:55:06
 * @FilePath: \company-world\src\views\home\components\MessageAvatar.vue
 * @Description: 工作台按钮 头像弹出框
-->
<template>
  <div class="message-avatar">
    <!-- 工作台按钮 -->
    <Workbench></Workbench>
    <!-- 头像弹出框 -->
    <HeadPopover></HeadPopover>
  </div>
</template>

<script lang="ts" setup>
import HeadPopover from './HeadPopover.vue'
import Workbench from './Workbench.vue'
</script>

<style lang="less" scoped>
.message-avatar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
</style>
